<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>id选择器</title>
		<style>
			/*css部分：#别名 */
			#head{
				width: 300px;/*万维网联盟*/
				height: 200px;
				background: #567;
			}
			.head{width: 300px;/*万维网联盟*/
				height: 300px;
				background: #ffff7f;}
			/* id选择器 1个元素只能加一个别名
                使用范围：配合切片，做页面结构			
			*/
		  span,s,
		  { width: 1000px;/*万维网联盟*/
		   	height: 1000px;
		   	background: #ffff7f;}
		</style>
	</head>
	<body>
		<!-- html部分 : div前标记 id="别名" -->
		<div id="head" class="head"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur accusantium deserunt nobis voluptatibus rerum eum repellat esse ab sunt! Perspiciatis, voluptas quod. Quidem temporibus eius ipsam quibusdam doloribus rerum! Magnam.</div>
	<hr>
	<span>行内元素</span>
	<a href="#"超链接 id="a">超链接</a>
	<strong>文本内容</strong>
	<sub>下标</sub>
	<s>删除线</s>
	</body>
</html>